<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>游戏</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/layaboxgame.css" />
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.css">
	</head>

	<body>
		<herder>
			<nav class="navbar navbar-default">
				<div class="container">
					<!-- Brand and toggle get grouped for better mobile display -->
					<!-- 移动端的按钮样式 -->
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
						<a class="navbar-brand" href="#">
						</a>
					</div>

					<!-- 平板端以上显示的内容 -->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav">
							<li>
								<a href="index.html">首页 </a>
							</li>
							<li>
								<a href="layafamily.html">Laya 家族</a>
							</li>
							<li class="active">
								<a href="layaboxgame.html">游戏<span class="sr-only">(current)</span></a>
							</li>
							<li>
								<a href="news.html">新闻动态</a>
							</li>
							<li>
								<a href="about.html">关于我们</a>
							</li>

						</ul>

						<ul class="nav navbar-nav navbar-right">

							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language <span class="caret"></span></a>
								<ul class="dropdown-menu">
									<li>
										<a href="#">简体中文</a>
									</li>
									<li>
										<a href="#">繁體中文</a>
									</li>
									<li>
										<a href="#">English</a>
									</li>

								</ul>
							</li>
						</ul>
					</div>
					<!-- /.navbar-collapse -->
				</div>
				<!-- /.container-fluid -->
			</nav>
		</herder>
		<section>
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide top"><img src="img/layagame_02.png" /></div>
					<div class="swiper-slide top">
						<img src="img/layagame_02.png" />
					</div>
				</div>
				<!-- 如果需要导航按钮 -->
				<div class="swiper-button-prev"></div>
				<div class="swiper-button-next"></div>
				<div class="swiper-pagination"></div>
			</div>
			<div class="container">
				<div class="lieren row">
					<div class="character col-sm-5 hidden-xs">
						<div>
							<img src="img/game_character.png" />
						</div>

					</div>
					<div class="col-sm-6">
						<div class="clearfix">
							<div class="fr">
								<h6>
									猎刃2
								</h6>
							</div>
						</div>

						<p>

							2015年Q版魔幻手游诚心之作，超魔幻ARPG之作！！！无可挑剔的简单操作，无与伦比的爽快打击感，无处不在的惊 喜！无穷无尽的回忆！全部技能100%还原，高清华丽特效，体验视觉盛宴；超写实画风，完美重现经典副本；让我们一 起来，挑战恶魔，乱斗魔兽！

						</p>
						<div class="img1 clearfix">
							<img src="img/game1.png" class="fl" />
							<img src="img/game2.png" class="fr" />
						</div>
						<div class="img2 clearfix">
							<img src="img/game3.png" class="fl" />
							<img src="img/game4.png" class="fr" />
						</div>
					</div>

				</div>
			</div>
			<div class="container">
				<div class="lieren row">

					<div class="col-sm-6">
						<div class="clearfix">
							<div class="fl">
								<h6>
									上吧主公
								</h6>
							</div>
						</div>

						<p>

							《上吧主公》是一款以三国为背景Q版卡牌游戏，游戏与普通三国题材不同，它以萌萌哒猫咪为三国众名将构筑出别具一 格的游戏世界观。画面Q萌，技能华丽炫酷，集养成 、 收集 、策略 、卡牌于一体。三国初始群雄争霸，奇妙的名将会帮 你掌握胜算左右战况。

						</p>
						<div class="img1 clearfix">
							<img src="img/game5.png" class="fl" />
							<img src="img/game6.png" class="fr" />
						</div>
						<div class="img2 clearfix">
							<img src="img/game7.png" class="fl" />
							<img src="img/game8.png" class="fr" />
						</div>
					</div>
					<div class="character col-sm-5 hidden-xs">
						<div>
							<img src="img/game_character2.png" />
						</div>

					</div>
				</div>
			</div>
		<div class="container">
			<div class="game_list row">
				<h6>
					更多案例
				</h6>
				<div class="col-sm-4 col-xs-6">
					<img src="img/game9.png"/>
					<p>三国仙侠传</p>
				</div>
				
				<div class="col-sm-4 col-xs-6">
					<img src="img/game10.png"/>
					<p>挂机三国</p>
				</div>
				<div class="col-sm-4 col-xs-6">
					<img src="img/game11.png"/>
					<p>鬼吹灯</p>
				</div>
				<div class="col-sm-4 col-xs-6">
					<img src="img/game9.png"/>
					<p>三国仙侠传</p>
				</div>
				
				<div class="col-sm-4 col-xs-6">
					<img src="img/game10.png"/>
					<p>挂机三国</p>
				</div>
				<div class="col-sm-4 col-xs-6">
					<img src="img/game11.png"/>
					<p>鬼吹灯</p>
				</div>
				<div class="col-sm-4 col-xs-6">
					<img src="img/game9.png"/>
					<p>三国仙侠传</p>
				</div>
				
				<div class="col-sm-4 col-xs-6">
					<img src="img/game10.png"/>
					<p>挂机三国</p>
				</div>
				<div class="col-sm-4 col-xs-6">
					<img src="img/game11.png"/>
					<p>鬼吹灯</p>
				</div>
				<div class="col-sm-4 col-xs-6">
					<img src="img/game9.png"/>
					<p>三国仙侠传</p>
				</div>
				
				<div class="col-sm-4 col-xs-6">
					<img src="img/game10.png"/>
					<p>挂机三国</p>
				</div>
				<div class="col-sm-4 col-xs-6">
					<img src="img/game11.png"/>
					<p>鬼吹灯</p>
				</div>
			</div>
		</div>
		</section>
		<footer class="clearfix">

			<div class="navs fl">
				<a href="">公司简介</a>
				<a href="">联系方式</a>
				<a href="">人才招聘</a>
			</div>
			<div class="footer_logo fr clearfix">
				<div class="fl">
					<img src="img/envelope_logo.png" />
				</div>
				<div class="fl"><img src="img/weichat_logo.png" /></div>
				<div class="fl">
					<img src="img/qq_logo.png" />
				</div>
			</div>
		</footer>
		<script type="text/javascript" src="js/jquery-2.1.0.js" charset="UTF-8">
		</script>
		<script type="text/javascript" src="js/bootstrap.js" charset="UTF-8">
		</script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.js"></script>
		<script>
			new Swiper(".swiper-container", {
				direction: 'horizontal', //轮播方式的方向：横向/垂直
				loop: true, //是否需要循环
				autoplay: true, //自动轮播
				navigation: {
					nextEl: '.swiper-button-next',
					prevEl: '.swiper-button-prev',
				},
				pagination: {
					el: '.swiper-pagination',
				},
			})
		</script>
	</body>

</html>